<!--AppBody->showBodyHtml();  -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Web Design - Free CSS Templates</title>
<meta name="keywords" content="free css templates, web design, 2-column, html css" />
<meta name="description" content="Web Design is a 2-column website template (HTML/CSS) provided by templatemo.com" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!--////// CHOOSE ONE OF THE 3 PIROBOX STYLES  \\\\\\\-->
<link href="css_pirobox/white/style.css" media="screen" title="shadow" rel="stylesheet" type="text/css" />
<!--<link href="css_pirobox/white/style.css" media="screen" title="white" rel="stylesheet" type="text/css" />
<link href="css_pirobox/black/style.css" media="screen" title="black" rel="stylesheet" type="text/css" />-->
<!--////// END  \\\\\\\-->

<!--////// INCLUDE THE JS AND PIROBOX OPTION IN YOUR HEADER  \\\\\\\-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/piroBox.1_2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$().piroBox({
			my_speed: 600, //animation speed
			bg_alpha: 0.5, //background opacity
			radius: 4, //caption rounded corner
			scrollImage : false, // true == image follows the page, false == image remains in the same open position
			pirobox_next : 'piro_next', // Nav buttons -> piro_next == inside piroBox , piro_next_out == outside piroBox
			pirobox_prev : 'piro_prev',// Nav buttons -> piro_prev == inside piroBox , piro_prev_out == outside piroBox
			close_all : '.piro_close',// add class .piro_overlay(with comma)if you want overlay click close piroBox
			slideShow : 'slideshow', // just delete slideshow between '' if you don't want it.
			slideSpeed : 4 //slideshow duration in seconds(3 to 6 Recommended)
	});
});
</script>
<!--////// END  \\\\\\\-->
</head>
<body>


<div class="body_wrapper">
<div class="wrapper">
        <!--AppHeader->showHtml()  -->
	<div class="header">
        <!--	<span class="header_icon"></span>-->
    	<div class="header_content">
        	<div class="site_title">
                    <img src="images/logo.png" alt="LOGO" />
                </div>
	</div>
        </div> <!-- end of header -->

    <!--AppBody->showMainTopHtml() -->
    <div class="main_top"></div>
    <div class="main"><span id="main_top"></span><span id="main_bottom"></span>
        <!--AppSideBar->showHtml()-->
        <div class="sidebar">

        	<div class="menu">
                <ul>
                    <li><a href="http://www.templatemo.com" target="_parent" class="current">Home</a></li>
                    <li><a href="http://www.webdesignmo.com" target="_parent">Web Design</a></li>
                    <li><a href="http://www.flashmo.com/page/1" target="_parent">Flash Files</a></li>
                    <li><a href="http://www.templatemo.com/page/1" target="_parent">Website Templates</a></li>
                    <li><a href="http://www.templatemo.com/page/2" target="_parent">Our Company</a></li>
                    <li><a href="http://www.templatemo.com/page/3" target="_parent">Contact Information</a></li>
              </ul>
            </div> <!-- end of menu -->

        	

            <div class="sidebar_box">
            	<div class="sb_title">Latest Updates</div>
                <div class="sb_content">

                	<div class="sb_news_box">
						<a href="#">Maecenas adipiscing elem sum ipsum.</a>
                        <span>25 September 2048</span>
                    </div>

                    <div class="sb_news_box">
						<a href="#">Aser ecenas adipiscing de lorem ipsum.</a>
                        <span>18 September 2048</span>
                    </div>

                    <a href="#"><strong>View All</strong></a>
               </div>

              <div class="sb_bottom"></div>

            </div>

            <center>
            <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a> &nbsp;&nbsp;&nbsp;
            <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
        	</center>

            <div class="cleaner"></div>
        </div> <!-- end of sidebar -->

        <!--AppContent->showHtml()  -->
        <div class="content">

            <center>
            <div class="content_box">
            	<h2>Client Login</h2>
                
                <div class="login_form">
                        <form method="post" action="#">
                        	<p><span>User Name:</span>
                            <input type="text" class="username" name="username" class="login_input" />
                            </p>
                            <p><span>Password:</span>
                            <input type="password" class="password" name="password" class="login_input" />
                            </p>
                            <input type="submit" name="submit" class="login_submit" value=" " />
                        </form>
		</div>
               
          </div>
           </center>
            
           

        </div>

        <div class="cleaner"></div>
    </div>

    <!--AppBody->showMainBottomHtml() -->
    <div class="main_bottom">
    </div>

</div> <!-- end of wrapper -->
</div>

 <!--AppFooter->showHtml() -->
<div class="footer_wrapper">
	<div class="footer">
        Copyright © 2048 <a href="#">Your Company Name</a> |
        <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>

    </div>
</div>

 <!--AppBody->showEndHtml() -->
</body>
</html>
